<template>
    <div class="warehouse-in-detail">
        <div class="warehouse-in-detail-list font-size-26">
            <div class="item">
                <span class="label">品名</span>
                <span>{{ detail && detail.spzs }}</span>
            </div>
            <div class="item">
                <span class="label">纱支</span>
                <span>{{ detail.wpggA }}</span>
            </div>
            <div class="item">
                <span class="label">品牌</span>
                <span>{{ detail.spcd }}</span>
            </div>
            <div class="item">
                <span class="label">单重</span>
                <span>{{ detail.spjsl }}KG</span>
            </div>
            <!-- <div class="item">
                <span class="label">支重</span>
                <span>{{ detail.spzs }}</span>
            </div> -->
            <div class="item">
                <span class="label">件数</span>
                <span>{{ detail.spjs }}</span>
            </div>
            <div class="item">
                <span class="label">重量</span>
                <span>{{ detail.spsl }}吨</span>
            </div>
            <div class="item">
                <span class="label">批次</span>
                <span>{{ detail.spbh }}</span>
            </div>
            <div class="item">
                <span class="label">柜号</span>
                <span>{{ detail.spgh }}</span>
            </div>
            <div class="item">
                <span class="label">用途</span>
                <span>{{ detail.wpggD }}</span>
            </div>
            <div class="item">
                <span class="label">产地</span>
                <span>{{ detail.wpggE }}</span>
            </div>
            <div class="item">
                <span class="label">工艺</span>
                <span>{{ detail.wpggB }}</span>
            </div>
            <div class="item">
                <span class="label">工序</span>
                <span>{{ detail.wpggC }}</span>
            </div>
            <div class="item">
                <span class="label">漂染性</span>
                <span>{{ detail.wpggF }}</span>
            </div>
            <div class="item">
                <span class="label">颜色</span>
                <span>{{ detail.wpggH }}</span>
            </div>
            <div class="item">
                <span class="label">备注</span>
                <span>{{ detail.spbz }}</span>
            </div>
        </div>
    </div>
</template>
<script setup lang="ts">
    import { useRoute, useRouter } from 'vue-router'

    const route = useRoute()
    const router = useRouter()
    const detail:any = route.query

</script>
<style lang="scss" scoped>
    .warehouse-in-detail {
        background-color: #F3F4F7;
        &-list {
            padding:28px 32px;
            background-color:#fff;
            border-radius: 10px;
            margin:36px;
            .item {
                margin-bottom:22px;
                .label {
                    color:#999;
                    width:160px;
                    display:inline-block;
                }
            }
        }
    }
  </style>